<template>
  <div class="freight-city" v-if="+detail.f > 0">
    <tag tag="运费" />
    <template>
      <p>需要支付{{+detail.f}}元运费</p>
    </template>

  </div>
</template>

<script>
import Tag from './Tag'
export default {
  name: 'DetailFreightF',
  props: {
    detail: {
      type: Object,
      default() {
        return {}
      }
    }
  },
  components: { Tag }
}
</script>

<style scoped lang="stylus">
.freight-city
  margin 10px
  padding 10px
  background white
  border-radius 10px
  text-align left
  p
    //height 20px
    line-height 22px
    &.area
      .text
        color $main_text_color
      .list
        color $second_text_color
    &.total
      span
        color red
</style>
